<!-- <%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<c:set var="kpsbsecur" value="${kpsb}/security_check"/>
<c:set var="kpsblogin" value="${kpsb}/login.zul?service=${kpsbsecur }"/>

<c:set var="kpsbsecurbm" value="${kpsb}/security_check?bm=yes"/>
<c:set var="kpsbsecurjsbm" value="${kpsb}/security_check?bm=jsbm"/>
<c:set var="kpsbmain" value="${kpsb}/pages/index.html"/>
<c:set var="zxxxsecur" value="${zxxx1}/security_check"/>
<c:set var="kpgsecur" value="${kpg}/login.do"/>
<c:set var="kpsbcr" value="${kpsb}/choseRole.html?service=${kpsbsecur}"/>
<c:set var="kpsbcrac"
       value="${kpsb}/choseRole.html?service=${kpsbsecur}?bm=yes"/>
<c:set var="kpsbcrjs"
       value="${kpsb}/choseRole.html?service=${kpsbsecur}?bm=jsbm"/>
<c:set var="zxxxcr" value="${zxxx1}"/>
<c:set var="kpgcr" value="${kpsb}/choseRole.html?service=${kpgsecur}"/>
<c:set var="wdkpg" value="${kpg}/wdkpg.do"/>
<c:set var="loginUrl" value="${kpsb}/login.zul?service=${kpgsecur}"/>
<c:set var="kpgUrl" value="${kpsb}/login.zul?service=${kpgsecur}"/> -->
<!DOCTYPE html>
<html>
<head>
    <meta name="renderer" content="webkit">
    <meta name="baidu-site-verification" content="LsOvXSwkLT"/>
    <meta charset="utf-8"/>
    <title>广州市青少年科技教育网</title>
</head>
<script src="https://kpg.gzjkw.net/kpg/js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="https://kpg.gzjkw.net/kpg/js/vue.js?v=1" type="text/javascript"></script>
<script>
    let ctx = "https://kpg.gzjkw.net/kpg";
    let kpgmh = "${kpgmh}";
    let userType = "${sessionScope.userInfoSession.userType}"
    let kpsbcrac = "${kpsblogin}";
    let kpsbsecurbm = "${kpsbsecurbm}";
</script>

<script src="./js/index_data.js?v=11211111111313" type="text/javascript"></script>
<script src="https://kpg.gzjkw.net/kpg/js/scroll.js" type="text/javascript"></script>
<script src="https://kpg.gzjkw.net/kpg/js/jQuery-jcContact.js" type="text/javascript"></script>
<script src="https://kpg.gzjkw.net/kpg/bootstrap/js/bootstrap.min.js"
        type="text/javascript"></script>
<link rel="icon" href="https://kpg.gzjkw.net/kpg/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css"
      href="https://kpg.gzjkw.net/kpg/bootstrap/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css"
      href="https://kpg.gzjkw.net/kpg/bootstrap/css/bootstrap-theme.min.css"/>
<link rel="stylesheet" type="text/css" href="css/kepu.css?v=aa" />
<link rel="stylesheet" href="./css/menu.css">
<link rel="stylesheet" href="./css/search.css">
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<style>
    #main_five {
        clear: both;
        /* min-height: 270px; */
        /* margin-top: 5px; */
        /* padding: 8px; */
        width: 1190px;
        border: 1px solid #99ceff;
        border-top: none;
        background: url(../images/fourth/6_0008.png) right no-repeat;
    }

    #blinking {
        width: 940px;
        /*height: 263px;*/
        overflow: hidden;
        float: left;
    }

    #blinking ul {
        padding: 0px;
        list-style: none;
        margin-left: 20px;
    }

    #blinking li {
        width: 900px;
        height: 28px;
        margin-top: 12px;
    }

    #blinking li a {
        font-family: "微软雅黑";
        letter-spacing: 1px;
        text-decoration: none;
        font-size: 14px;
        color: #000;
    }

    #blinking li a:hover {
        color: #e35a13;
    }

    #blinking {
        font-weight: bold;
        animation: blink 2s infinite;
        color: red;
    }

    /*@keyframes blink {*/
    /*	0% { opacity: 0; }*/
    /*	50% { opacity: 1; }*/
    /*	100% { opacity: 0; }*/
    /*}*/

    .jcContact {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
        width: 215px;
    }

    .jcConBtn {
        background: url(images/c01.png) no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        width: 64px;
        height: 375px;
        cursor: pointer;
    }

    .jcConBtn1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 84px;
        height: 124px;
        cursor: pointer;
    }


</style>
<body>
<div id="container">
    <div id="top">
        <div id="header"></div>
        <div id="menu">
            <div id="menu_top">
                <ul>
                    <li class="common_menu"><a href="https://kpg.gzjkw.net/kpg/index.do" class="a">首页</a>
                        <img src="images/menu/2_0000.png"
                             style="float: right;margin-top: 6px;"></li>
                    <li v-for="(item,index) in menus" :id="item.id"
                        class="common_menu"><a
                            :href="ctx+'/navigation.do?menuID='+item.id" class="a">{{item.name}}</a>
                        <img v-if="index != (menus.length-1)"
                             src="images/menu/2_0000.png"
                             style="float: right;margin-top: 6px;"></li>
                </ul>
            </div>
        </div>
    </div>
    <div id="main_first">
        <div style="width:400px;height:300px;float:left;position:relative">
            <div id="slideBox" class="slideBox">
                <div class="hd">
                    <ul>
                        <li v-for="(item,index) in tpzl_list" :class="{on:index==0}">{{index+1}}</li>
                    </ul>
                </div>
                <div class="bd">
                    <ul>
                        <a v-for="(item,index) in tpzl_list"
                           :href="ctx +'/getNews.do?newsID='+item.id"
                           style="color:#000;text-decoration:none">
                            <li><img :src="kpgmh+'/'+item.pic_path"/></li>
                            <div class="intro" v-show="index==0">
                                <div class="intro_content">{{item.title}}</div>
                            </div>
                        </a>
                    </ul>
                </div>
            </div>
        </div>


        <div class="common" id="baomin" style="width:520px;height:350px">
            <div id="blinking">
                <ul>

                    <li><img
                            src="images/second/4_0000.png"
                            style="margin-right:10px;vertical-align:initial;"/>
                        温馨提示：广州市青少年科技教育网开放时间为每天7:00至22:00
                    </li>
                </ul>
            </div>

            <div id="search_area" class="query-wrap" style="position: static;display:flex;justify-content: center;width: 100%">
                <form action="https://kpg.gzjkw.net/kpg/getArticel.do?pageIndex=1" method="post" id="seachForm">
                    <div class="input-box">
                        <input type="text" name="keyword" id="keyword" value="" placeholder="搜索"/>
                        <i class="icon"></i>
                    </div>
                </form>
                <div style="cursor: pointer;" class="search_img" onclick="seachzs()">证书查询</div>
                <!--<div style="cursor: pointer;" class="search_img" onclick="searchfj()">文件查询</div>-->
                <div style="cursor: pointer;" class="search_img" onclick="searchArt()">文件查询</div>
            </div>

            <div style="position: absolute;top: 90px; width: 100%;">
                <div class="more" style="left:440px;z-index:2;top: 28px;">
                    <a href="https://kpg.gzjkw.net/kpg/getMore.do?pageIndex=1" id="gmore">&lt;&lt;更多</a>
                </div>
                <img src="images/first/3_0000s_0018.png" style="position:absolute;top: 0px;left: 370px;z-index:0"/>
                <!-- <div id="top_title">
                    <div class="active puton" style="margin-left:40px;">活动报名</div>
                    <!== <div class="puton">项目申报</div> ==>
                    <!== <div class="puton">培训报名</div> ==>
                </div> -->
                <div class="common_homeTab">
                    <div class="puton" :class="{ active: homeTabIndex1 == index }" v-for="(item, index) in homeTab1" :key="index" @click="handleClickTab1(index)">{{item}}</div>
                </div>
                <div id="baomin_content" style="height:200px;overflow:auto;">
                    <ul class="hdul">
                        <div style="display:none;justify-content:center" v-if="activity_list.length==0">
                            <div>
                                <img src="images/empty.png"
                                     style="margin:auto;width:400px"/>
                                <div style="color:#1e89e0;font-size:16px;width:200px;margin:5px auto;text-align:center">
                                    暂无数据
                                </div>
                            </div>
                        </div>

                        <!-- <%--					<li><span class="liPicSpan"></span>--%>
                        <%--						<a href="https://kpg.gzjkw.net/kpg/videoPage.jsp"--%>
                        <%--						   style="display:inline-block;*display:inline;*zoom:1;width:340px;overflow:hidden;text-overflow:ellipsis;">--%>
                        <%--							2024年广州市中小学创新创业大赛 </a> <a href="http://kpg.gzjkw.net/innovateActivityPage/#/forward/innovationActivities/activityDetailPage?activityId=5"> <img src="images/first/baomin.png"--%>
                        <%--																																														 class="bm">--%>
                        <%--						</a> <label--%>
                        <%--								style="color:grey;float:right;font-size:12px;line-height:35px; margin-right: 5px;">--%>
                        <%--							截止时间：2024-04-12 12:00 </label></li>--%>

                        <%--					<li><span class="liPicSpan"></span>--%>
                        <%--						<a href="http://kpg.gzjkw.net/innovateActivityPage/#/forward/sportsActivities/activityDetailPage?activityId=20"--%>
                        <%--						   style="display:inline-block;*display:inline;*zoom:1;width:340px;overflow:hidden;text-overflow:ellipsis;">--%>
                        <%--							2024年广州市中小学生航空模型、车辆模型、智能交通模型教育竞赛 </a> <a href="http://kpg.gzjkw.net/innovateActivityPage/#/forward/sportsActivities/activityDetailPage?activityId=20"> <img src="images/first/baomin.png"--%>
                        <%--																																																				  class="bm">--%>
                        <%--						</a> <label--%>
                        <%--								style="color:grey;float:right;font-size:12px;line-height:35px; margin-right: 5px;">--%>
                        <%--							截止时间：2024-04-12 12:00 </label></li>--%>

                        <%--					<li><span class="liPicSpan"></span>--%>
                        <%--						<a href="http://kpg.gzjkw.net/innovateActivityPage/#/forward/sportsActivities/activityDetailPage?activityId=21"--%>
                        <%--						   style="display:inline-block;*display:inline;*zoom:1;width:340px;overflow:hidden;text-overflow:ellipsis;">--%>
                        <%--							2024年广州市中小学生航海模型、建筑模型 教育竞赛 </a> <a href="http://kpg.gzjkw.net/innovateActivityPage/#/forward/sportsActivities/activityDetailPage?activityId=21"> <img src="images/first/baomin.png"--%>
                        <%--																																																	  class="bm">--%>
                        <%--						</a> <label--%>
                        <%--								style="color:grey;float:right;font-size:12px;line-height:35px; margin-right: 5px;">--%>
                        <%--							截止时间：2024-04-12 12:00 </label></li>--%> -->

                        <li><span class="liPicSpan"></span>
                            <a href="http://kpg.gzjkw.net/innovateActivityPage/#/forward/sportsActivities/activityDetailPage?activityId=22"
                               style="display:inline-block;*display:inline;*zoom:1;width:340px;overflow:hidden;text-overflow:ellipsis;">
                                2024年广佛肇中小学科技教育交流系列活动 科技体育模型竞赛 </a> <a href="http://kpg.gzjkw.net/innovateActivityPage/#/forward/sportsActivities/activityDetailPage?activityId=22"> <img src="images/first/baomin.png"
                                                                                                                                                                                                                   class="bm">
                            </a> <label
                                    style="color:grey;float:right;font-size:12px;line-height:35px; margin-right: 5px;">
                                截止时间：2024-04-12 12:00 </label></li>

                        <li><span class="liPicSpan"></span>
                            <a href="http://kpg.gzjkw.net/innovateActivityPage/#/forward/sportsActivities/activityDetailPage?activityId=23"
                               style="display:inline-block;*display:inline;*zoom:1;width:340px;overflow:hidden;text-overflow:ellipsis;">
                                2024年广佛肇中小学科技教育交流系列活动 无线电测向竞赛活动方案 </a> <a href="http://kpg.gzjkw.net/innovateActivityPage/#/forward/sportsActivities/activityDetailPage?activityId=23"> <img src="images/first/baomin.png"
                                                                                                                                                                                                                         class="bm">
                            </a> <label
                                    style="color:grey;float:right;font-size:12px;line-height:35px; margin-right: 5px;">
                                截止时间：2024-04-12 12:00 </label></li>

                        <li v-for="item in activity_list"><span class="liPicSpan"></span>
                            <a
                                    style="display:inline-block;*display:inline;*zoom:1;width:340px;overflow:hidden;text-overflow:ellipsis;">
                                {{item.hdmc}} </a> <a
                                    :href="userType ==''?kpsbcrac:(userType=='S' && item.hdlx=='0')? (ctx+'/signUp.do?activityId='+item.id):kpsbsecurbm"
                            > <img src="images/first/baomin.png"
                                   class="bm">
                            </a> <label
                                    style="color:grey;float:right;font-size:12px;line-height:35px; margin-right: 5px;">
                                截止时间：{{item.jsbmsj | formateDate}} </label></li>

                        <li v-for="item in jiaoshiActivities"><span class="liPicSpan"></span>
                            <a href="#"
                               style="display:inline-block;*display:inline;*zoom:1;width:300px;overflow:hidden;text-overflow:ellipsis;">
                                【教师报名】{{item.hdmc}} </a> <a
                                    href="${sessionScope.userInfoSession == null?kpsbcrjs:kpsbsecurjsbm}"
                                    target="_blank"> <img src="images/first/baomin.png"
                                                          class="bm">
                            </a> <label
                                    style="color:grey;float:right;font-size:12px;line-height:35px; margin-right: 5px;">
                                截止时间：{{item.jsbmsj | formateDate}} </label></li>


                    </ul>
                    <ul class="xmul" style="display:none">
                        <div style="display:flex;justify-content:center" v-if="xiangmu_list.length==0">
                            <div>
                                <img src="images/empty.png"
                                     style="margin:auto;width:400px"/>
                                <div style="color:#1e89e0;font-size:16px;width:200px;margin:5px auto;text-align:center">
                                    暂无数据
                                </div>
                            </div>
                        </div>

                        <li v-for="item in xiangmu_list"><span class="liPicSpan"></span>
                            <a
                                    style="display:inline-block;*display:inline;*zoom:1;width:300px;overflow:hidden;text-overflow:ellipsis;">
                                {{item.pcmc}} </a> <a
                                    href="${sessionScope.userInfoSession == null?kpsblogin:kpsbsecur}"
                                    target="_blank"> <img src="images/first/xmbaomin.png"
                                                          class="bm"
                                                          onclick="${sessionScope.userInfoSession.userType == 'S'?'bm();return false;':''}">
                            </a> <label
                                    style="color:grey;float:right;font-size:12px;display:inline-block;*display:inline;*zoom:1;line-height:35px;margin-right: 5px;">
                                截止时间：{{item.jzsj | formateDate}} </label></li>
                    </ul>
                    <ul class="jshdul" style="display:none">
                        <div style="display:flex;justify-content:center" v-if="jiaoshiActivities.length==0">
                            <div>
                                <img src="images/empty.png"
                                     style="margin:auto;width:400px"/>
                                <div style="color:#1e89e0;font-size:16px;width:200px;margin:5px auto;text-align:center">
                                    暂无数据
                                </div>
                            </div>
                        </div>

                        <!-- <%--					<li><span class="liPicSpan"></span>--%>
	<%--						<a href="http://kpg.gzjkw.net/innovateActivityPage/#/teaSignUpV2"--%>
	<%--						   style="display:inline-block;*display:inline;*zoom:1;width:340px;overflow:hidden;text-overflow:ellipsis;">--%>
	<%--							2024年广州市中小学创新创业大赛竞赛培训报名表 </a> <a href="http://kpg.gzjkw.net/innovateActivityPage/#/teaSignUpV2"> <img src="images/first/baomin.png" class="bm">--%>
	<%--						</a> <label--%>
	<%--								style="color:grey;float:right;font-size:12px;line-height:35px; margin-right: 5px;">--%>
	<%--							 </label></li>--%> -->


                        <li v-for="item in jiaoshiActivities"><span class="liPicSpan"></span>
                            <a href="#"
                               style="display:inline-block;*display:inline;*zoom:1;width:300px;overflow:hidden;text-overflow:ellipsis;">
                                {{item.hdmc}} </a> <a
                                    href="${sessionScope.userInfoSession == null?kpsbcrjs:kpsbsecurjsbm}"
                                    target="_blank"> <img src="images/first/baomin.png"
                                                          class="bm">
                            </a> <label
                                    style="color:grey;float:right;font-size:12px;line-height:35px; margin-right: 5px;">
                                截止时间：{{item.jsbmsj | formateDate}} </label></li>

                        <li v-for="item in teaActivityList"><span class="liPicSpan"></span>
                            <a :href="signUpUrl+'?activityId='+item.id"
                               style="display:inline-block;*display:inline;*zoom:1;width:340px;overflow:hidden;text-overflow:ellipsis;">
                                {{item.activityName}} </a>
                            <a :href="signUpBackUrl">
								<span class="bm"
                                      style="color: green;font-size: 14px;
									  font-weight: bold;line-height: 23px;
									  margin-left:10px;border:1px solid green;
									  border-radius: 5px;padding: 0 5px 0 5px;
									  margin-top:3px">统  计</span>
                            </a>
                            <a :href="signUpUrl+'?activityId='+item.id"> <img src="images/first/baomin.png" class="bm"></a>
                            <label
                                    style="color:grey;float:right;font-size:12px;line-height:35px; margin-right: 5px;">
                                截止时间：{{item.endTime | formateDate}} </label></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="common" id="sys" style="position: relative;">
            <!-- 通知 -->
            <div class="tz" style="display:none">
                <div>
                    <a href="http://kpg.gzjkw.net/innovateActivityPage/#/teaSignUp" target="_blank">
                        <div>广州科技体育竞赛</div>
                        <div style="margin-top: 4px;">教师、裁判培训报名入口</div>
                    </a>
                </div>
            </div>
            <!-- <a onclick="build3()"
			   target="_blank">
				<div id="sys_one"></div>
			</a>
			<a href="${sessionScope.userInfoSession == null?kpsblogin:kpsbmain}"
			   target="_blank">
				<div id="sys_two"></div>
			</a>
			<a href="${zxxxcr}" target="_blank">
				<div id="sys_three"></div>
			</a>
			<a href="${zs}" target="_blank">
				<div id="sys_fouth"></div>
			</a>
			<a onclick="build2()" target="_blank">
				<div id="sys_five"></div>
			</a>
			</a>
			<a onclick="build()" target="_blank">
				<div id="sys_six"></div>
			</a> -->

            <ul class="menu">
                <li class="list"
                    :class="{ 'menu-active': openMenuIndex == index, 'list-cell-arrow': item.children && item.children.length != 0 }"
                    v-for="(item, index) in menuList" :key="index"
                    @click="handleClickMenu(index)"
                    @mouseenter="handleMouseEnter(index)"
                    @mouseleave="handleMouseLeave()"
                    @click.stop="!item.children || item.children.length == 0 ? handleClickMenuChildren(item) : ''">
                    <div style="display: inline-block;width: 100%;" class="item first-item">
                        {{ item.label }}
                    </div>
                    <ul class="items" v-if="item.children && item.children.length != 0">
                        <li v-for="(cItem, cIndex) in item.children" :key="cIndex"
                            :class="{ 'menu-active': openMenuIndex2 == index + '_' + cIndex, 'list-cell-arrow_second': true}"
                            @click.stop="!cItem.children || cItem.children.length == 0 ? handleClickMenuChildren(cItem) : ''"
                            @mouseenter="handleMouseEnter2(index, cIndex)"
                            @mouseleave="handleMouseLeave2()">
                            <div class="item second-item">{{ cItem.label }}</div>
                            <ul class="items third-items" v-if="cItem.children && cItem.children.length != 0">
                                <li v-for="(tItem, tIndex) in cItem.children" :key="tIndex"
                                    @click.stop='handleClickMenuChildren(tItem)'>
                                    <div class="item third-item">{{ tItem.label }}</div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    
    <div class="clearfix" style="margin-bottom: 8px;">
        <div id="third_right" class="third_common third_right_reset">
            <div id="nav" onclick="loadModal()"></div>
            <div id="right_title"
                 style="background: url(images/kjdt.png) no-repeat;">
                <div class="more" style="right: 16px;top: 30px;">
                    <a style="cursor:pointer;display:none" :id="kjdt.id" onclick="check('right_content1',this.id)" class="ck">查看</a> 
                    <a :href="ctx+'/navigation.do?menuID='+kjdt.id">&lt;&lt;更多</a>
                </div>
                <!-- <div id="third_rightname" class="common_name">科技动态</div> -->
                <img src="images/third/5_0001.png" style="position: absolute;top:0px; right: 0; z-index:0"/>
                <div class="common_homeTab">
                    <div class="puton" :class="{ active: homeTabIndex2 == index }" v-for="(item, index) in homeTab2" :key="index" @click="handleClickTab2(index)">{{item}}</div>
                </div>
            </div>
            <!-- 科技动态 -->
            <div id="right_content1" class="list-content" v-if="homeTabIndex2 == 0">
                <ul class="list-ul">
                    <li v-if="kjdt_list.length<1">
                        <a href="#" class="empty-tip" style="display:inline-block;*display:inline;*zoom:1;overflow:hidden;text-overflow:ellipsis;">暂未发布任何信息</a>
                     </li>
                    <li v-for="item in kjdt_list">
                        <img src="images/second/4_0000.png" style="margin-right:10px;vertical-align:initial;"/>
                        <a :href="ctx+'/getNews.do?newsID='+item.id" style="display:inline-block;*display:inline;*zoom:1;width:385px;overflow:hidden;text-overflow:ellipsis;">
                            {{item.title}}
                        </a>
                        <img src="images/NEW.gif" v-if="(nowDate-item.create_date) > 0 && (nowDate-item.create_date)<604800000" style="margin-right:10px;vertical-align:initial;"/> 
                        <label style="color:grey;font-size: 12px;letter-spacing: 1px;float:right">
                            {{item.create_date | formateDate}} 
                        </label>
                    </li>
                </ul>
            </div>
            <!-- 图片新闻 -->
            <div id="right_content1" class="list-content" v-else-if="homeTabIndex2 == 1">
                <ul class="list-ul">
                    <li v-if="kjdt_list.length<1">
                        <a href="#" class="empty-tip" style="display:inline-block;*display:inline;*zoom:1;overflow:hidden;text-overflow:ellipsis;">暂未发布任何信息</a>
                     </li>
                    <li v-for="item in kjdt_list">
                        <img src="images/second/4_0000.png" style="margin-right:10px;vertical-align:initial;"/>
                        <a :href="ctx+'/getNews.do?newsID='+item.id" style="display:inline-block;*display:inline;*zoom:1;width:385px;overflow:hidden;text-overflow:ellipsis;">
                            {{item.title}}
                        </a>
                        <img src="images/NEW.gif" v-if="(nowDate-item.create_date) > 0 && (nowDate-item.create_date)<604800000" style="margin-right:10px;vertical-align:initial;"/> 
                        <label style="color:grey;font-size: 12px;letter-spacing: 1px;float:right">
                            {{item.create_date | formateDate}} 
                        </label>
                    </li>
                </ul>
            </div>
        </div>
        <div id="main_second">
            <div id="second_title">
                <!-- <div id="second_name" class="common_name">通知公告</div> -->
                <img src="images/second/4_0003.png" style="position:absolute;right: 0;top:0px"/>
                <div class="common_homeTab">
                    <div class="puton" :class="{ active: homeTabIndex3 == index }" v-for="(item, index) in homeTab3" :key="index" @click="handleClickTab3(index)">{{item}}</div>
                </div>
                <div class="more" style="right: 16px; ">
                    <a style="cursor:pointer;display:none" :id="tzgg.id" onclick="check('second_left',this.id)" class="ck">查看</a> 
                    <a :href="ctx +'/navigation.do?menuID='+tzgg.id" :id="'more_'+tzgg.id">&lt;&lt;更多</a>
                </div>
            </div>
            <!-- 通知公告 -->
            <div id="second_left" class="list-content" v-if="homeTabIndex3 == 0">
                <ul class="list-ul">
                    <li v-if="tzgg_list.length<1">
                       <a href="#" class="empty-tip" style="display:inline-block;*display:inline;*zoom:1;overflow:hidden;text-overflow:ellipsis;">暂未发布任何信息</a>
                    </li>
                    <li v-for="item in tzgg_list">
                        <img src="images/second/4_0000.png" style="margin-right:10px;vertical-align:initial;"/> 
                        <a :href="ctx+'/getNews.do?newsID='+item.id">{{item.title}}</a> 
                        <img src="images/NEW.gif" v-if="(nowDate-item.create_date) > 0 && (nowDate-item.create_date)<604800000">
                        <label style="color:grey;font-size: 12px;letter-spacing: 1px;float: right;">{{item.create_date | formateDate}} </label>
                    </li>
                </ul>
            </div>
            <!-- 公示 -->
            <div id="left_content" class="list-content" v-else-if="homeTabIndex3 == 1">
                <ul class="gsul list-ul">
                    <li v-if="gs_list.length<1">
                        <a href="#" class="empty-tip" style="display:inline-block;*display:inline;*zoom:1;overflow:hidden;text-overflow:ellipsis;">暂未发布任何信息</a>
                    </li>
                    <li v-for="item in gs_list">
                        <img  src="images/third/5_0004.png" style="margin-right:10px;vertical-align:middle;"> 
                        <img src="images/NEW.gif" v-if="(nowDate-item.create_date) > 0 && (nowDate-item.create_date)<604800000" style="margin-right:10px;vertical-align:initial;"/> 
                        <label style="color:grey;font-size: 12px;letter-spacing: 1px;margin-right: 10px;"> {{item.create_date | formateDate}} </label>
                        <a :href="ctx+'/getNews.do?newsID='+item.id">{{item.title}}</a>
                    </li>
                </ul>
            </div>
            <!-- 公布 -->
            <div id="right_content" class="list-content" v-else-if="homeTabIndex3 == 2">
                <ul class="list-ul">
                    <li v-if="gb_list.length<1">
                        <a href="#" class="empty-tip" style="display:inline-block;*display:inline;*zoom:1;overflow:hidden;text-overflow:ellipsis;">暂未发布任何信息</a>
                    </li>
                    <li v-for="item in gb_list">
                        <img src="images/third/5_0004.png" style="margin-right:10px;vertical-align:middle;">
                        <img src="images/NEW.gif" v-if="(nowDate-item.create_date) > 0 && (nowDate-item.create_date)<604800000" style="margin-right:10px;vertical-align:initial;"/> 
                        <label style="color:grey;font-size: 12px;letter-spacing: 1px;margin-right: 10px;"> {{item.create_date | formateDate}} </label> 
                        <a :href="ctx+'/getNews.do?newsID='+item.id">{{item.title}}</a>
                    </li>
                </ul>
            </div>
        </div>
        <div id="second_third">
            <div class="common" id="login"
                 style="${sessionScope.userInfoSession == null?'background: url(images/second/login.png) no-repeat':'background:url(images/second/0001_06.png)'}">
                <div id="first_title"></div>
                <!-- <div id="first_content"
                     style="${sessionScope.userInfoSession == null?'display:none':'display:block'}">
                    <label style="margin-top:20px">用户名：</label>
                    <div
                            style="display:inline-block;*display:inline;*zoom:1;width:120px;white-space:nowrap;">
                        ${sessionScope.userInfoSession.userName} <a href="javascript:void();"
                                                                    onclick="logout()"> 退出 </a>
                    </div>
                    <label>角色：</label>
                    <div
                            style="margin-top:15px;display:inline-block;*display:inline;*zoom:1;width:110px;">
                        <label style="text-align:left">${sessionScope.userInfoSession.userType=='XUEXIAO'
                                ||
                                sessionScope.userInfoSession.userType=='T'?'老师':sessionScope.userInfoSession.userType=='S'?'学生':sessionScope.userInfoSession.userType=='Z'?'专家':sessionScope.userInfoSession.userType=='QJYJ'?'区教育局':
                                userInfoSession.userType eq 'admin'?'管理员':'市教育局'}</label>
                    </div>
                    <label>姓名：</label>
                    <div
                            style="margin-top:15px;display:inline-block;*display:inline;*zoom:1;width:110px;">
                        ${sessionScope.userInfoSession.xm}</div>
                    <c:if
                            test="${sessionScope.userInfoSession.userType == 'SJYJ' or sessionScope.userInfoSession.userType == 'QJYJ'}">
                        <div
                                style="margin-top:5px;display:inline-block;*display:inline;*zoom:1;width:230px; text-align: center;">
                            <a
                                    href="/kpgmh/j_acegi_security_check?se=kpg&j_username=${sessionScope.userInfoSession.userName}">
                                进入门户管理后台 </a>
                        </div>
                    </c:if>
                </div> -->
                <div id="first_content1"
                     style="margin-top:12px;${sessionScope.userInfoSession != null?'display:none':'display:block'}">
                    <a href="${kpsb}/login.zul?service=${kpgsecur}">
                        <div
                                style="width:215px;cursor:pointer;height:49px;margin:auto;background:url(/images/second/00_06.png)"></div>
                    </a> <a href="${kpsb}/login.zul?service=${kpgsecur}">
                    <div
                            style="margin-top:30px;cursor:pointer;width:215px;margin:auto;height:49px;background:url(/images/second/00_07.png)">
                    </div>
                </a> <a href="http://kpg.gzjkw.net/expertDatabase">
                    <div
                            style="margin-top:30px;cursor:pointer;margin:auto;width:215px;height:49px;background:url(/images/second/01_06V2.png)">
                    </div>
                </a>
                </div>
                <a href="https://kpg.gzjkw.net/kpg/loadLoginzn.do">
                    <div id="zczn"
                         style="${sessionScope.userInfoSession != null?'display:none':'display:block'}"></div>
                </a>
                <!-- <a href="${sessionScope.userInfoSession.userType == 'XUEXIAO' or sessionScope.userInfoSession.userType == 'S'?wdkpg:kpgcr}"
                   style="${sessionScope.userInfoSession.userType == 'XUEXIAO' or sessionScope.userInfoSession.userType == 'S'?'display:block':'display:none'}">
                    <div id="wdkpg"></div>
                </a> -->
            </div>
        </div>
    </div>

    <!-- <div id="main_third" style="margin-top:10px;float:left">
        <div id="third_left" class="third_common">
            <div id="left_title"
                 style="background: url(images/sxtz.png) no-repeat;">
                <img src="images/third/5_0005.png"
                     style="position: absolute;top:0px;left: 470px;z-index:-1"/>
                <div class="more" style="left: 500px;">
                    <a style="cursor:pointer;display:none" :id="sxtz.id"
                       onclick="check('left_content1',this.id)" class="ck">查看</a> <a
                        :href="ctx+'/navigation.do?menuID='+sxtz.id" id="thridmore">&lt;&lt;更多</a>
                </div>
                <div id="third_leftname" class="common_name">事项通知</div>
            </div>
            <div id="left_content1">
                <ul>
                    <li v-for="item in sxtz_list"><img
                            src="images/second/4_0000.png"
                            style="margin-right:10px;vertical-align:initial;"/><a
                            :href="ctx+'/getNews.do?newsID='+item.id"
                            style="display:inline-block;*display:inline;*zoom:1;width:385px;overflow:hidden;text-overflow:ellipsis;">{{item.title}}</a>
                        <img src="images/NEW.gif"
                             v-if="(nowDate-item.create_date) > 0 && (nowDate-item.create_date)<604800000"
                             style="margin-right:10px;vertical-align:initial;"/> <label
                                style="color:grey;font-size: 12px;letter-spacing: 1px;float:right">
                            {{item.create_date | formateDate}} </label></li>
                </ul>
            </div>
        </div>
    </div> -->
    <!-- <div id="menu_bottom">
		<div id="search_area">
			<form action="https://kpg.gzjkw.net/kpg/getArticel.do?pageIndex=1" method="post"
				  id="seachForm">
				<input type="text" name="keyword" id="keyword" value="" />
			</form>
			<div style="cursor: pointer;" class="search_img" onclick="seachzs()">证书查询</div>
			<!==<div style="cursor: pointer;" class="search_img" onclick="searchfj()">文件查询</div>==>
			<div style="cursor: pointer;" class="search_img"
				 onclick="searchArt()">文件查询</div>
		</div>
	</div> -->
    <!-- <div id="main_third">
        <div id="third_left" class="third_common">
            <div id="left_title">
                <img src="images/third/5_0005.png"
                     style="position: absolute;top:0px;left: 470px;z-index:-1"/>
                <div class="more" style="left: 500px;">
                    <a :href="ctx+'/navigation.do?menuID='+gs.id" id="thridmore">&lt;&lt;更多</a>
                </div>
                <div id="third_leftname" class="common_name">公示</div>
            </div>
            <div id="left_content">
                <ul class="gsul">
                    <li v-for="item in gs_list"><img
                            src="images/third/5_0004.png"
                            style="margin-right:10px;vertical-align:middle;"> <img
                            src="images/NEW.gif"
                            v-if="(nowDate-item.create_date) > 0 && (nowDate-item.create_date)<604800000"
                            style="margin-right:10px;vertical-align:initial;"/> <label
                            style="color:grey;font-size: 12px;letter-spacing: 1px;margin-right: 10px;">
                        {{item.create_date | formateDate}} </label> <a
                            :href="ctx+'/getNews.do?newsID='+item.id">{{item.title}}</a></li>
                </ul>
            </div>
        </div>
        <div id="third_right" class="third_common">
            <div id="right_title">
                <div class="more" style="left: 500px;">
                    <a :href="ctx+'/navigation.do?menuID='+gb.id">&lt;&lt;更多</a>
                </div>
                <div id="third_rightname" class="common_name">公布</div>
                <img src="images/third/5_0001.png"
                     style="position: absolute;top:0px;left: 470px;z-index:-1"/>
            </div>
            <div id="right_content">
                <ul>
                    <li v-for="item in gb_list"><img
                            src="images/third/5_0004.png"
                            style="margin-right:10px;vertical-align:middle;"> <img
                            src="images/NEW.gif"
                            v-if="(nowDate-item.create_date) > 0 && (nowDate-item.create_date)<604800000"
                            style="margin-right:10px;vertical-align:initial;"/> <label
                            style="color:grey;font-size: 12px;letter-spacing: 1px;margin-right: 10px;">
                        {{item.create_date | formateDate}} </label> <a
                            :href="ctx+'/getNews.do?newsID='+item.id">{{item.title}}</a></li>
                </ul>
            </div>
        </div>
    </div> -->
    <!-- <div id="main_fourth">
        <div id="fourth_title">
            <div class="more" style="left: 500px;">
                <a :href="ctx+'/navigation.do?menuID='+zcfg.id">&lt;&lt;更多</a>
            </div>
            <img src="images/fourth/6_0009.png"
                 style="position: absolute;left: 1000px;top: 0px;"/>
            <div id="title_name">政策法规</div>
        </div>
        <div id="fourth_left" class="fourth_common">
            <div id="right_content">
                <ul>
                    <li v-for="item in zcfg_list"><img
                            src="images/third/5_0004.png"
                            style="margin-right:10px;vertical-align:middle;"> <img
                            src="images/NEW.gif"
                            v-if="(nowDate-item.create_date) > 0 && (nowDate-item.create_date)<604800000"
                            style="margin-right:10px;vertical-align:initial;"/> <label
                            style="color:grey;font-size: 12px;letter-spacing: 1px;margin-right: 10px;">{{item.create_date
                        | formateDate}}</label><a :href="ctx+'/getNews.do?newsID='+item.id">{{item.title}}</a></li>
                </ul>
            </div>
        </div>

        <div id="fourth_right" class="fourth_common">
            <a href="https://kpg.gzjkw.net/kpg/navigation.do?menuID=66">
                <div id="right_menu1">科普知识</div>
            </a>
            <a href="https://kpg.gzjkw.net/kpg/navigation.do?menuID=67">
                <div id="right_menu2">科学讲座</div>
            </a>
            <a href="https://kpg.gzjkw.net/kpg/navigation.do?menuID=68">
                <div id="right_menu3">科技竞赛</div>
            </a>
        </div>
    </div> -->


    <div class="yqlj_div">
        <span>友情资源导航</span>
        <div class="yq_hd"> 
            <ul> 
                <li class="cell-arrow" :class="{ 
                    cur: queryParams.type == item.value , 
                    'cell-up-arrow': queryParams.type == item.value,
                    'cell-down-arrow': queryParams.type != item.value  
                    }" 
                    v-for="(item, index) in typeNameList" :key="index" @click="handleTabsClick(item.value)">
                    {{ item.label }}
                </li> 
            </ul> 
        </div>
    </div>
    <div id="main_five" :class="{ open: openFlag}">
        <!-- <div id="fourth_title">
            <img src="images/fourth/6_0009.png"
                 style="position: absolute;left: 1000px;top: 0px;"/>
            <div id="title_name">友情资源导航</div>
        </div> -->
        <div class="fourth_common">
            <!-- <el-tabs v-model="queryParams.type" @tab-click="handleTabsClick" style="margin:0 40px">
                <el-tab-pane :label="item.label" :name="item.value" v-for="(item, index) in typeNameList" :key="index"> -->
                    <el-row :gutter="12">
                        <el-col :span="6" v-for="card in linkList" style="margin-bottom: 10px">
                            <el-card shadow="always">
                                <a target="_blank" :href="card.linkUrl" style="display: flex;align-items: center">
                                    <img :src="interfaceUrl+'/'+card.logo"
                                         style="width: 32px;height:32px;border-radius:50%"></img>
                                    <span style="margin-left: 10px;color: #000">{{card.platformName}}</span>
                                </a>
                            </el-card>
                        </el-col>
                    </el-row>
                <!-- </el-tab-pane>
            </el-tabs> -->
        </div>
    </div>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="top:200px">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">×
                    </button>
                    <h4 class="modal-title" id="myModalLabel">请选择教育局</h4>
                </div>
                <div class="modal-body">
                    <label class="checkbox-inline" style="height:50px;"> <input
                            type="radio" name="jgid" id="" value="" checked>市教育局</input>
                    </label>
                    <label v-for="item in jiGous" class="checkbox-inline"
                           style="height:50px;"> <input type="radio" name="jgid"
                                                        :id="item.jgmc" :value="item.id">{{item.jgmc}}
                    </label>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="top:200px; width: 480px;">
            <div class="modal-content">
                <div class="modal-body">
                    <div style="margin-top: 30px; font-size: 16px; color: #333;">
                        您访问的链接即将离开“广州市青少年科技教育网”门户网站 是否继续？
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" @click="handleTo()">继续访问</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">放弃</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="footer">
    <div id="footer_title">
        <ul>
        </ul>
    </div>
    <div id="footer_content">
        <ul id="ul4">
            <li><a href="javascript:;">友情链接:</a></li>
            <li><a href="http://www.moe.gov.cn/" target="_blank">中华人民共和国教育部</a></li>
            <li><a href="http://www.gzjkw.net/" target="_blank">广州市教育科研网</a></li>
            <li><a href="http://www.gdhed.edu.cn/" target="_blank">广东省教育厅</a></li>
            <li><a href="http://www.gzedu.gov.cn/" target="_blank">广州市教育局</a></li>
        </ul>
        <div id="banquan"
             style="width:100%;text-align:center;font-size:14px;color:gray;font-family:'微软雅黑';height: 30px;margin: 10px auto;">
            &copy;版权所有 广州市青少年科技教育网
            <!-- <%-- <span style="margin-left:50px">访问量:${visitNum}</span> --%> -->
        </div>
    </div>
</div>

<c:if test="${sessionScope.userInfoSession.userType eq 'SJYJ' or userInfoSession.userType eq 'XUEXIAO' or userInfoSession.userType eq 'QJYJ' or userInfoSession.userType eq 'S' or userInfoSession.userType eq 'Z'}">
    <iframe
            src="${kpsbsecur}?userName=${sessionScope.userInfoSession.userName}"
            style="display:none"></iframe>
</c:if>

<!--	<c:if  test="${userInfoSession.userType eq 'T' or userInfoSession.userType eq 'XUEXIAO' or userInfoSession.userType eq 'S' or userInfoSession.userType eq 'admin'}">
    <iframe style="display:none" src="${zxxxsecur}?userName=${sessionScope.userInfoSession.userName}" style="width:100%"></iframe>
</c:if>   -->
</body>
</html>
<script type="text/javascript" src="https://kpg.gzjkw.net/kpg/js/piaofu.js?v=2"></script>
<script type="text/javascript" src="https://kpg.gzjkw.net/kpg/js/piaofu2.js?v=2011418666"></script>
<script type="text/javascript" src="https://kpg.gzjkw.net/kpg/js/piaofu3.js?v=2011418667"></script>
<script type="text/javascript">

    function logout() {
        //var oFrame = document.getElementById("logoutframe");
        //oFrame.src = 'https://cas.gzjyc.org/cas/logout';
        // var newWindow = window.open('http://120.238.175.104:89/cas/logout');
        window.location.href = "/kpg/logout.do";
    }


    var aDiv = $("#third_leftname").children();
    $.each(aDiv, function (index, term) {
        term.onclick = function () {
            $(this).siblings("div").removeClass("active");
            $(this).addClass("active");
            if (index == 1) {
                $(".gbul").show();
                $(".gsul").hide();
                $("#thridmore").attr("href", "https://kpg.gzjkw.net/kpg/navigation.do?menuID=${gb.id}")
            } else {
                $("#thridmore").attr("href", "https://kpg.gzjkw.net/kpg/navigation.do?menuID=${gs.id}");
                $(".gsul").show();
                $(".gbul").hide();
            }
        }
    });

    function lunbo(id, obj) {
        var aImg = $(".bigImg");
        $.each(aImg, function (index, term) {
            $("#" + id).siblings(".bigImg").fadeOut();
            $("#" + id).fadeIn();
        })
        $(obj).siblings(".icon").children("img").attr("src", "images/fourth/6_0001.png");
        $(obj).children("img").attr("src", "images/fourth/6_0002.png");
    }

    var i = 0;

    function init() {
        if (i == parseInt("${fn:length(tpzl_list)}")) {
            i = 0;
        }
        var aImg = $(".bigImg");
        var aLi = $(".icon")
        $(aImg[i]).siblings(".bigImg").fadeOut();
        $(aImg[i]).fadeIn();
        $(aLi[i]).siblings(".icon").children("img").attr("src", "images/fourth/6_0001.png");
        $(aLi[i]).children("img").attr("src", "images/fourth/6_0002.png");
        i++;
    }

    var timer = setInterval(init, 2000);

    $("#bd").mouseover(function () {
        clearInterval(timer);
    })

    $("#bd").mouseleave(function () {
        timer = setInterval(init, 2000)
    })

    function bm() {
        alert("你没有权限报名");
    }

    function seachzs() {
        var keyword = $("#keyword").val();
        if (keyword == "") {
            window.open("${zs}");
        } else {
            window.open("${zs}/p/dayin?m=print&&zsbh=" + keyword);
        }
    }

    function searchfj() {
        document.getElementById("seachForm").submit();
    }

    function searchArt() {
        var seachForm = document.getElementById("seachForm");
        seachForm.action = "https://kpg.gzjkw.net/kpg/getArticle.do?pageIndex=1";
        seachForm.submit();
    }


    function check(areaid, menuid) {
        $('#myModal').modal({backdrop: 'static', keyboard: false});
        $('#myModal').modal('show');
        $("input[name='jgid']").click(function () {
            var jgid = $("input[name='jgid']:checked").val();
            var jgname = $("input[name='jgid']:checked").attr("id");
            if (jgname.length > 0) {
                jgname = "【" + jgname + "】";
            }
            $.ajax({
                url: "https://kpg.gzjkw.net/kpg/updateNews.do",
                data: {
                    'jgid': jgid,
                    'menuid': menuid
                },
                error: function (request) {
                },
                success: function (data) {
                    $("#" + areaid).empty();
                    var abc = $("<ul></ul>");
                    $.each(data.news, function (index, term) {
                        var time = new Date(term.create_date).Format("yyyy-MM-dd");
                        var wid;
                        if ("second_left" == areaid) {
                            wid = 750;
                        } else {
                            wid = 400;
                        }
                        var aa = "<li>" +
                            "<img src='images/second/4_0000.png' style='margin-right:10px;vertical-align:initial;'/>" +
                            "<a href='/kpg/getNews.do?newsID=" + term.id + "' style='display:inline-block;width:" + wid + "px;*display:inline;*zoom:1;overflow:hidden;text-overflow:ellipsis;'>" + jgname + "" + term.title + "</a>" +
                            "<label style='color:grey;font-size: 12px;letter-spacing: 1px;float: right;'>" +
                            time +
                            "</label>" +
                            "</li>";
                        $(aa).appendTo(abc);
                    });
                    if (data.news.length < 1) {
                        var bb = "<a style='display:inline-block;*display:inline;*zoom:1;width:400px;overflow:hidden;text-overflow:ellipsis;'>" + jgname + "暂未发布任何信息</a>"
                        $(bb).appendTo(abc);
                    }
                    abc.appendTo($("#" + areaid));
                    $('#myModal').modal('hide');
                }
            });
        })
    }

    function loadModal() {
        $(".ck").trigger('click');
    }

    function build() {
        window.open("http://kpg.gzjkw.net/innovateActivityPage/#/forward/activityIndex");
    }

    function build2() {
        window.open("http://kpg.gzjkw.net/wastePage");
        // alert("该系统不对外开放。");
    }

    function build3() {
        window.open("http://kpg.gzjkw.net/lsxxPage");
        // alert("该系统不对外开放。");
    }

    Date.prototype.Format = function (fmt) { //author: meizz
        var o = {
            "M+": this.getMonth() + 1, //月份
            "d+": this.getDate(), //日
            "h+": this.getHours(), //小时
            "m+": this.getMinutes(), //分
            "s+": this.getSeconds(), //秒
            "q+": Math.floor((this.getMonth() + 3) / 3), //季度
            "S": this.getMilliseconds() //毫秒
        };
        if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
        for (var k in o)
            if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
        return fmt;
    }


    $(function () {
        //调用漂浮插件
        //$("body").float();
        // $("body").floatAd();
        // $("body").floatAd2();
    });


</script>